/* Estilos generales y reseteo */
* {
	font-family: Verdana, Arial;
	color: #204C79;
}
body {
	font-size: 11px;
	overflow-x: hidden;
	margin: 0;
    background-color: #F0FFFE;
}
h1, h2, h3, h4, p, ul, ol, li, form, blockquote, fieldset {
	margin: 0;
	padding: 0;
}
blockquote fieldset {
	padding: 5px ! important;
}
a img {
	border: 0;
}
form {
	display: inline;
}
:focus, :active, a, button {
     outline: 0px;
}

a {
	text-decoration: none;
}

input, select, textarea, button {
	background-color: #FFF;
	border: 1px solid #7F9DB9;
	padding: 1px;
	margin: 0;
	font-size: 11px;
	color: #6C7F90;
}
input, select, textarea {
    margin-left: 5px;
}
input:focus, select:focus, textarea:focus {
	background-color: #66FF99;
	color: #2646A4;
}
input, textarea {
	padding: 2px;
}

input[readonly] {
	background-color: #FFFFDE;
	color: #56728C;
}

*[disabled], *[disabled]:hover {
	color: #9A9686;
	background-color: #FCFCFB ! important;
	border-color: #B2B2B2;
}

button {
	padding: 4px 10px;
	background-color: #F0F4F7;
	color: #2B65A1;
}
button:hover {
	background-color: #D1EAFF;
	/*color: #FFF;*/
	border-color: #2B65A1;
}
.mayusculas {
	text-transform: uppercase;
}
.minusculas {
    text-transform: lowercase;
}
.none {
	display: none;
}
.show {
    display: block;
}
/* Fin de Estilos generales y reseteo */

/* Menú */
nav {
	background: -moz-linear-gradient(top,  #BFCAF4,  #BFE1F4);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFCAF4), to(#BFE1F4));
	float: left;
	width: 100%;
	border-bottom: 1px solid #4C5662;
}
nav span {
	cursor: pointer;
	padding: 6px 12px;
	margin: 3px 0px 3px 3px;
	float: left;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid transparent;
	color: #4C5662;
    font-weight: bold;
    font-family: Arial;
}
nav span:hover {
	background: -moz-linear-gradient(top,  #BFE1F4, #BFCAF4);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFE1F4), to(#BFCAF4));
	border-color: #4C5662;
	box-shadow: 2px 2px 2px #4C5662;
	-webkit-box-shadow: 2px 2px 2px #4C5662;
	-moz-box-shadow: 2px 2px 2px #4C5662;
}
nav span.over {
    background: -moz-linear-gradient(top,  #2FA084, #94E4E5);
	background: -webkit-gradient(linear, left top, left bottom, from(#2FA084), to(#94E4E5));
	border-color: #2FA084;
	box-shadow: 2px 2px 2px #2FA084;
	-webkit-box-shadow: 2px 2px 2px #2FA084;
	-moz-box-shadow: 2px 2px 2px #2FA084;
    border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
    color: #FFF;
}

#barTop {
	position: absolute;
	background-color: #F1FFFF;
	background-image: url(../imgs/menleft.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	border: 1px solid #077FA9;
	border-top: 0;
	border-bottom: 0;
    box-shadow: 2px -2px 2px #2FA084;
	-webkit-box-shadow: 2px -2px 2px #2FA084;
	-moz-box-shadow: 2px -2px 2px #2FA084;
	height: 3px;
	visibility: hidden;
	z-index: 9999;
}
#lineTop {
	position: absolute;
	height: 1px;
	border-top: 1px solid #077FA9;
	visibility: hidden;
	z-index: 9999;
}

blockquote ul {
    visibility: hidden;
    background-image: url(../imgs/menleft.jpg);
	background-repeat: repeat-y;
	background-color: #F1FFFF;
    border: 1px solid #077FA9;
	border-top: 0;
    box-shadow: 2px 2px 2px #2FA084;
	-webkit-box-shadow: 2px 2px 2px #2FA084;
	-moz-box-shadow: 2px 2px 2px #2FA084;
	padding: 1px;
	position: absolute;
	padding-right: 3px;
	z-index: 9999;
    display: block;
    float: left;
    width: auto;
}
blockquote ul li {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 1px;
    padding-right: 40px;
    width: 100%;
}
blockquote ul li a {
    border: 1px solid transparent;
    display: block;
    float: left;
    line-height: 16px;
    padding: 3px 0;
    width: 100%;
}
blockquote ul li a:hover {
    background-color: #D9EDFF;
	border-color: #A7C4E3;
}
blockquote ul li a img {
    display: block;
	float: left;
	margin-left: 2px;
	margin-right: 12px;
}
blockquote ul li span {
    display: block;
	border-bottom: 1px solid #31A286;
	margin: 1px 0px 1px 26px;
}

/* Fin de Menú */

/* Ventanas */
section {
	position: absolute;
	float: left;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border: 1px solid #375583;
    box-shadow: 5px 5px 5px #375583;
	-webkit-box-shadow: 5px 5px 5px #375583;
	-moz-box-shadow: 5px 5px 5px #375583;
    visibility: hidden;
}
section h2 {
	float: left;
	font-size: 11px;
	background-image: url(../imgs/titfon.jpg);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
    width: 100%;
}
section h2 span {
	float: left;
	padding: 6px 7px;
	color: #FFF;
	line-height: 14px;
}
section h2 img {
	float: left;
	margin-right: 5px;
}
section h2 a {
    display: block;
    float: right;
    height: 14px;
    margin: 7px 1px;
    width: 14px;
}
.butt-close {
	background-image: url(../imgs/macclose.gif);
    margin-right: 4px;
}
.butt-close:hover {
	background-image: url(../imgs/macclose-over.gif);
}

a.butt-mm {
	background-image: url(../imgs/macmin.gif);
}
a.butt-mm:hover {
	background-image: url(../imgs/macmin-over.gif);
}
a.butt-rest {
	background-image: url(../imgs/macrest.gif);
}
a.butt-rest:hover {
	background-image: url(../imgs/macrest-over.gif);
}
a.butt-rest {
	background-image: url(../imgs/macrest.gif);
}
a.butt-rest:hover {
	background-image: url(../imgs/macrest-over.gif);
}

section article {
    background-color: #ECECEC;
    float: left;
    width: 100%;
    clear: both;
}
section article > div {
    float: left;
    width: 100%;
    clear: both;
}
section article > div > span.red {
    color: #F00;
}
section article div > img {
    float: left;
    margin: 5px 0px 5px 5px;
}
section article div > span {
    display: block;
    float: left;
    padding: 5px;
    line-height: 14px;
    font-weight: bold;
}
section > article > dialog {
    background-color: #FFFFFF;
    border: 1px solid #B3B3B3;
    margin: 1px 5px 5px;
    padding: 5px;
    float: left;
    clear: both;
}

/* Fin de Ventana */

/* Confirm Cap */
#confirmCap, #alertCap {
    z-index: 99999;
}
#confirmCap {
    left: 550px;
    top: 100px;
}
#alertCap {
    left: 600px;
    top: 200px;
}

#alertCap h2, #confirmCap h2 {
    background-image: url(../imgs/titafon.jpg);
}

#capTop, #capATop {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
    position: absolute;
}


section > dialog {
    background-color: #FFF;
    float: left;
    width: 100%;
    clear: both;
}

section > dialog > div {
    clear: both;
    margin: 5px;
}
dialog > div > img {
    float: left;
    margin-right: 10px;
}
dialog > div > div {
    float: left;
    margin-top: 7px;
    width: auto;
    margin-right: 5px;
}
dialog > div > p {
    clear: both;
    float: left;
    margin-top: 7px;
    text-align: right;
    width: 100%;
    margin-bottom: 5px;
}
#confirmCap button {
    width: 45px;
}

/* Fin de Confirm Cap */

/* Formulario */
form > blockquote {
    float: left;
    width: auto;
}
form > blockquote.block-right {
    margin-left: 10px;
}

input {
    width: 150px;
}

.small {
    width: 30px;
}
.code {
    width: 45px;
}
.normal {
    width: 80px;
}
.median {
    width: 100px;
}

.large {
    width: 300px;
}
.minisculas {
    text-transform: lowercase;
}
.mayusculas {
    text-transform: uppercase;
}

.decimal2, .decimal3 {
    text-align: right;
    width: 80px;
}
form input, form select, form textarea {
    float: left;
}
form > div, form > blockquote > div {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    clear: both;
}
form div span {
    /*width: 80px;*/
    float: left;
    text-align: right;
    padding: 3px 0px;
}
form b {
    color: #F00;
}
form em {
    color: #666;
    margin-left: 5px;
    padding: 2px 0px;
    display: block;
    float: left;
}

dialog form > p {
    margin-top: 5px;
    float: left;
    clear: both;
    width: 100%;
    text-align: right;
}
dialog form > p button {
    background-position: 4% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    width: 100px;
}
.new {
    background-image: url(../imgs/page_white.png);
}
.save {
    background-image: url(../imgs/disk.gif);
}
.print {
    background-image: url(../imgs/printer.png);
}
.close {
    background-image: url(../imgs/exit.gif);
}
/* Fin de Formulario */

/* Tablas */
footer {
    margin-top: 10px;
    float: left;
    width: 100%;
    clear: both;
}
table {
    width: 100%;
    float: left;
    margin-top: 10px;
    clear: both;
}
thead th {
    position: relative;
    background-color: #2B65A1;
    color: #FFFFFF;
    padding: 3px 5px;
}
thead td {
    position: relative;
    background-color: #C3DBEF;
    padding: 1px 2px 2px 2px;
}

td input {
    margin: 0px;
}
tbody td {
    background-color: #E2F3FF;
    color: #204C79;
    padding: 2px 6px;
}
tbody td.td-butt {
    padding-left: 2px;
    padding-right: 2px;
    width: 16px;
}
thead th a {
	color: #FFF;
}
th a:hover {
	color: #FFFF00;
}
thead th.order a {
	text-decoration: underline;
}
thead th.rorder a {
	text-decoration: overline;
}

tbody {
    overflow-y: auto;
	overflow-x: hidden;
}

td.td-butt a {
    border: 1px solid transparent;
    display: block;
    float: left;
    padding: 2px;
    width: auto;
}
td.td-butt a:hover, td.td-butt a.over {
    border-color: #7494C7;
	background-color: #D1EAFF;
}
td.td-butt a img {
    float: left;
}

.tbl-butts tbody td {
    height: 26px;
}

/* Fin de Tablas */

/* Login */

#divLogin {
	position: absolute;
	border: 1px solid #6B99C6;
	width: 292px;
	height: 146px;
	height /*\**/: 144px\9;
	left: 50%;
	top: 50%;
	margin-left: -146px;
	margin-top: -73px;
	margin-top /*\**/: -72px\9;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#divLogin .title {
	background-color: #2B65A1;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	font-size: 1.1em;
}
#divLogin .cntForm {
	background-color: #FFF;
	padding: 10px 16px;
	width: 260px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-image: url(../imgs/keys.png);
	background-repeat: no-repeat;
	background-position: 90% 20%;
}

.cntForm label {
    float: left;
    clear: both;
    margin-bottom: 5px;
    width: 100%;
}
.cntForm p {
    float: left;
    width: 100%;
    margin-top: 5px;
    text-align: right;
}
#divLogin label span {
    width: 80px;
}
#divLogin input {
	width: 100px;
}
#divLogin input.small {
	width: 40px;
}
#divLogin select {
	width: 245px;
}
#divLogin button {
    width: 80px;
}

/* Fin de Login */

/* Loader */
#loa {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	filter: alpha(opacity = 50);
	opacity: 0.5;
	/*background-image: url(../imgs/loader.gif);*/
	background-repeat: no-repeat;
	background-position: 50% 50%;
    z-index: 999999;
}
section.win-disab {
    position: absolute;
    background-color: #FFF;
	filter: alpha(opacity = 25);
	opacity: 0.25;
    border: 0;
    visibility: visible;
}
/* Fin de Loader */

/* Ventanas flotantes */
.moving {
    cursor: move;
}
/* Fin de Ventanas flotantes */

/* Popup */
section.sct-popup h2 {
    background-image: url("../imgs/titpfon.jpg");
}
section.sct-popup > article > dialog {
    margin-top: 5px;
}

section.sct-popup dialog > div {
    float: left;
    width: 100%;
    background-color: #DEF1FF;
}
section.sct-popup dialog > div > label {
    float: left;
    padding: 5px;
}
section.sct-popup input {
    width: 200px;
}
section.sct-popup table {
    margin-top: 5px;
}
section.sct-popup thead th {
    background-color: #33BC74;
}
section.sct-popup tbody td {
    background-color: #D1FFEA;
    height: 21px;
}
section.sct-popup tbody td.td-butt {
    padding: 0;
    width: auto;
}
section.sct-popup tbody td.td-butt a {
    width: 100%;
    padding: 0px;
    border: 0;
}
section.sct-popup tbody td.td-butt a span {
    padding: 4px 2px;
    display: block;
}

/* Fin de Popup */